<template>
  <div class="tdesign-demo-block-column">
    <div class="tdesign-demo-block-row">
      <div class="item">
        <t-button theme="primary" size="small" variant="base"> 填充按钮 </t-button>
      </div>
      <div class="item">
        <t-button size="small" variant="outline"> 描边按钮 </t-button>
      </div>
      <div class="item">
        <t-button size="small" variant="dashed"> 虚框按钮 </t-button>
      </div>
      <div class="item">
        <t-button size="small" variant="text"> 文字按钮 </t-button>
      </div>
    </div>
    <div class="tdesign-demo-block-row">
      <div class="item">
        <t-button theme="primary" size="medium" variant="base"> 填充按钮 </t-button>
      </div>
      <div class="item">
        <t-button size="medium" variant="outline"> 描边按钮 </t-button>
      </div>
      <div class="item">
        <t-button size="medium" variant="dashed"> 虚框按钮 </t-button>
      </div>
      <div class="item">
        <t-button size="medium" variant="text"> 文字按钮 </t-button>
      </div>
    </div>
    <div class="tdesign-demo-block-row">
      <div class="item">
        <t-button theme="primary" size="large" variant="base"> 填充按钮 </t-button>
      </div>
      <div class="item">
        <t-button size="large" variant="outline"> 描边按钮 </t-button>
      </div>
      <div class="item">
        <t-button size="large" variant="dashed"> 虚框按钮 </t-button>
      </div>
      <div class="item">
        <t-button size="large" variant="text"> 文字按钮 </t-button>
      </div>
    </div>
  </div>
</template>
